/* pages/user/index.wxss */

.modal-mask {  
  position: fixed;  
  top: 0;  
  left: 0;  
  right: 0;  
  bottom: 0;  
  background-color: rgba(0, 0, 0, 0.5);  
  display: flex;  
  align-items: center;  
  justify-content: center;  
  z-index: 1000;  
}  
  
/* 弹窗内容样式 */  
.modal-content {  
  max-height: 200px;
  position: relative;  
  background-color: #ffffff;  
  padding: 20px;  
  border-radius: 10px;  
  width: 80%;  
  max-width: 400px;  
  text-align: center;  
  z-index: 1001;  
  right: 50%;
  top: -10%;
}  
.modal-tiem{
  width: 100%;
  height: 20%;
}
.modal-header {  
  margin-bottom: 20px;  
  font-size: 18px;  
  font-weight: bold;  
}  
  
.modal-footer {  
  display: flex;  
  justify-content: space-around;  
  margin-top: 20px;  
}  
  
.modal-footer button {  
  width: 45%;  
  padding: 10px;  
  border: none;  
  border-radius: 5px;  
  font-size: 16px;  
  cursor: pointer;  
}  
  
.modal-footer button:nth-child(1) {  
  background-color: #f0f0f0;  
  color: #333333;  
}  
  
.modal-footer button:nth-child(2) {  
  background-color: #ff4d4f;  
  color: #ffffff;  
}
label {
  display: block;
  margin-bottom: 8px;
  font-size: 14px;
  color: #333;
  text-align: justify;
}

input {
  width: 90%;
  padding: 12px;
  padding-left: 15px;
  font-size: 16px;
  color: #333;
  border: 1px solid #ccc;
  border-radius: 5px;
  outline: none;
  transition: border-color 0.3s;
  text-align: justify;
}




.mt-5 {
  margin-top: 8.01rpx;
}
.page {
  padding-left: 28.85rpx;
  background-color: #f0f0f0;
  height: 100%;
  min-height: 100vh;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.header{
  margin-bottom: 10rpx;
}
.main{
  position: relative;
  z-index: -1;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  min-height: 630rpx;
  background-color:white;
  border-radius: 26.39rpx;
  box-shadow: 0rpx 3.21rpx 6.41rpx #00000040;
  padding-top: 60rpx;
  padding-left: 42rpx;
  .list{
    position: relative;
    z-index: 20;
   
  }
 .box{
   height: 100px;
   width: 100px;
   background-color: green;
 }
}
.content{
  padding-right: 28.85rpx;
  width:100%;
  display: flex;
  justify-content: center;
  background-color: #f0f0f0;
 
  position: relative;
  min-height: 600rpx;
  z-index: 3;
}

.section {
  margin-top: -435.9rpx;
  filter: blur(64.1rpx);
  background-color: #00000000;
  width: 750rpx;
  height: 980.71rpx;
}

.section_3 {
  background-color: #90decd;
  width: 756.41rpx;
  height: 371.79rpx;
}
.pos_2 {
  position: absolute;
  left: 0;
  right: -6.43rpx;
  top: -33.65rpx;
}
.image_3 {
  width: 160.26rpx;
  height: 160.26rpx;
}
.pos_6 {
  position: absolute;
  right: -89.74rpx;
  top: 189.1rpx;
}
.image_2 {
  width: 176.28rpx;
  height: 176.28rpx;
}
.pos_3 {
  position: absolute;
  right: -80.11rpx;
  top: 0;
}
.section_2 {
  padding-left: 51.28rpx;
  padding-bottom: 205.13rpx;
  filter: drop-shadow(0rpx 3.21rpx 3.21rpx #00000040) blur(0rpx);
 
  
}
.cricleBack{
  position: absolute;
  
  left: -10rpx;
  height: 740rpx;
  width: 740rpx;
}
.pos {
  position: absolute;
  left: -135.82rpx;
  right: 0;
  top: -161.86rpx;
}
.group {
  margin-right: 19.23rpx;
  padding: 67.31rpx 0 40.06rpx;
  width: 709.94rpx;
}
.image {
  margin-right: 11.22rpx;
  width: 217.95rpx;
  height: 219.55rpx;
}
.section_4 {
  background-color: #ffffff;
  border-radius: 4.81rpx;
  box-shadow: 0rpx 3.21rpx 6.41rpx #00000040;
  
}
.section_5 {
  border-radius: 4.81rpx;
  
  height: 266.03rpx;
}
.text {
  color: #030303;
  font-size: 57.69rpx;
  font-family: AlibabaPuHuiTi;
  line-height: 52.79rpx;
}
.pos_4 {
  position: absolute;
  left: 38.61rpx;
  top: 27.87rpx;
}
.font {
  font-size: 32.05rpx;
  font-family: AlibabaPuHuiTi;
  color: #000000;
}
.text_3 {
  line-height: 8.43rpx;
}
.pos_7 {
  position: absolute;
  left: 207.88rpx;
  top: 72.85rpx;
}
.text_2 {
  line-height: 24.68rpx;
}
.pos_5 {
  position: absolute;
  left: 243.75rpx;
  top: 55.77rpx;
}
.text_4 {
  color: #ba3a58;
  line-height: 29.36rpx;
}
.pos_8 {
  position: absolute;
  left: 50.1rpx;
  top: 50%;
  transform: translateY(-50%);
}
.section_6 {
  background-image: radial-gradient(885% 885% at 50% 75%, #71d1b9 0%, #71d1b900 100%);
  width: 283.65rpx;
  height: 8.01rpx;
}
.section_7 {
  margin-right: -40.06rpx;
  background-image: radial-gradient(885% 885% at 50% 75%, #71d1b9 0%, #71d1b900 100%);
  width: 277.24rpx;
  height: 8.01rpx;
}

.image_5 {
  border-radius: 36.46rpx;
  filter: drop-shadow(0rpx 3.21rpx 3.21rpx #00000040);
  width: 92.094vw;
  height: 99.1453vw;
}

.section_9 {
  position: absolute;
  left: 0rpx;
  top: 36rpx;
  background-image: linear-gradient(180deg, #ebf5f0 0%, #ebf5f000 100%);
  width: 30.06rpx;
  height: 599.36rpx;
  z-index: 9;
  
}

.image_4 {
  filter: blur(7.21rpx);
  border-radius: 50%;
  width: 140.83rpx;
  height: 140.83rpx;
  position: absolute;
  left: -30rpx;
  top: -80rpx;
  z-index: -1;
 
}

.section_8 {
  position:absolute;
  top: 0rpx;
  left: 86rpx;
  background-image: linear-gradient(90deg, #ebf5f0 0%, #ebf5f000 87.3%);
  width: 629.49rpx;
  height: 30.86rpx;
  z-index: 9;
}







view,
image,
text {
  box-sizing: border-box;
  flex-shrink: 0;
}

.codefun-flex-row {
  display: flex;
  flex-direction: row;
}

.codefun-flex-col {
  display: flex;
  flex-direction: column;
}

.codefun-justify-start {
  justify-content: flex-start;
}

.codefun-justify-end {
  justify-content: flex-end;
}


.codefun-justify-between {
  justify-content: space-between;
}

.codefun-justify-around {
  justify-content: space-around;
}

.codefun-justify-evenly {
  justify-content: space-evenly;
}

.codefun-items-center {
  align-items: center;
}
.codefun-self-start {
  align-self: flex-start;
}

.codefun-self-end {
  align-self: flex-end;
}
.codefun-self-stretch {
  align-self: stretch;
}
.codefun-shrink {
  flex-shrink: 1;
}
.codefun-relative {
  position: relative;
}
.codefun-shrink-0 {
  flex-shrink: 0;
}
















// .userInfo{
//   width: 96%;
//   margin: 0px 2%;
//   height: 120px;
//   box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
//   background-color: #fff0f5;
//   transition: box-shadow 0.3s ease;
//   border-radius: 16px;
//   margin-bottom: 10px;
//   display: flex;
//   .left{
//     width: 50%;
//     height: 100%;
//     display: flex;
//     flex-direction: column;
//     .sayHi{
//       margin-top: 18px;
//       margin-left: 40px;
//       .text{
//         font-size: 24px;
//         font-weight: bold;
//         color: #333333;
//       }
//   }
//   .role{
//     margin-left: 60px;
//     line-height: 14px;
//   }
//   .admin {
//     color: #e74c3c;
//     font-weight: bold;
//   }
//   .normal {
//     color: #2c3e50;
//   }
//   }
// }

